<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>用户信息</title>
  <link rel="stylesheet" href="layui/css/layui.css" media="all">
  <link rel="stylesheet" href="css/user.css">
  <link rel="stylesheet" href="css/mall.css">
  <script src="layui/layui.js"></script>
  <script src="js/user.js"></script>
  <script src="js/logout.js"></script>
  <link rel="shortcut icon" href="images/favicon.ico">
</head>
<body>
<!--head start-->
    <div id="header" class="layui-bg-gray">
        <div class="header-content layui-container">
            <div class="logo">
              <a href="/static/index.html"><img src="images/logo.ico" alt=""></a>
            </div>
            <div class="nav">
                <ul class="layui-nav">
                    <li class="layui-nav-item">
                        <a href="">购物车<span class="layui-badge">9</span></a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="">个人中心<span class="layui-badge-dot"></span></a>
                    </li>
                    <li class="layui-nav-item" id="user-info">
                        <a href=""><img src="" class="layui-nav-img" id="portrait_t"><span id="nickname"></span></a>
                        <dl class="layui-nav-child">
                          <dd><a href="/static/user.html">修改信息</a></dd>
                          <dd><a href="javascript:;">安全管理</a></dd>
                          <dd><a href="javascript:logout()">退出</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
    </div>
<!--head end-->

<!--main start-->
    <div id="user" class="user-content layui-container">
      <div class="pic">
          <div class="layui-upload-drag" id="file">
            <i class="layui-icon"></i>
            <p>点击上传，或将文件拖拽到此处</p>
            <div class="layui-hide" id="upload">
              <hr>
              <img src="" alt="上传成功后渲染" style="max-width: 100px">
            </div>
          </div>
      </div>
      <div class="formlable">
        <form class="layui-form" action="" method="post">
          <h2>用户信息</h2><br>
          <div class="layui-form-item">
            <label class="layui-form-label">昵 称</label>
            <div class="layui-input-block">
              <input type="text" name="nickname" lay-verify="name" placeholder="请输入昵称" autocomplete="off" class="layui-input" id="nickname">
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label">性 别</label>
            <div class="layui-input-block">
              <input type="radio" name="sex" value="0" title="男">
              <input type="radio" name="sex" value="1" title="女">
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label">年 龄</label>
            <div class="layui-input-block">
              <input type="text" name="age" lay-verify="age" placeholder="请输入年龄" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label">生 日</label>
            <div class="layui-input-block">
              <input type="date" name="bth" lay-verify="bth" placeholder="" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label">手机号</label>
            <div class="layui-input-block">
              <input type="text" name="phone" lay-verify="phone" placeholder="请输入手机号" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label">地 址</label>
            <div class="layui-input-block">
              <input type="text" name="addr" lay-verify="addr" placeholder="请输入地址" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label">爱 好</label>
            <div class="layui-input-block">
              <input type="checkbox" name="fav" value="0" title="听歌">
              <input type="checkbox" name="fav" value="1" title="阅读">
              <input type="checkbox" name="fav" value="2" title="玩游戏">
            </div>
          </div>
          <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">性格特点</label>
            <div class="layui-input-block">
              <textarea name="ps" placeholder="请输入内容" class="layui-textarea"></textarea>
            </div>
          </div>
          <div class="layui-form-item">
            <div class="layui-input-block">
              <button class="layui-btn" lay-submit lay-filter="info">立即提交</button>
              <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
          </div>
        </form>
      </div>
    </div>
<!--main end-->

<!--foot start-->
    <div id="foot" style="margin-top: 240px">
        <hr>
        <div class="foot1-content layui-container">
            <span class="layui-breadcrumb" lay-separator="|">
              <a href="">我的商城</a>
              <a href="">天猫商城</a>
              <a href="">聚划算</a>
              <a href="">全球通卖通</a>
              <a href="">国际交易市场</a>
              <a href="">商城游戏</a>
              <a href="">小铺子</a>
              <a href="">淘宝网</a>
              <a href="">京东商城</a>
              <a href="">高德地图</a>
            </span>
            <hr class="layui-border-orange">
            <span class="layui-breadcrumb" lay-separator="|">
              <a href="">关于商城</a>
              <a href="">营销中心</a>
              <a href="">联系客服</a>
              <a href="">法律声明</a>
              <a href="">联系我</a>
              <i class="layui-icon layui-icon-login-wechat"></i>
            </span>
        </div>
        <hr>
        <div class="foot2-content layui-container">
            <span>版权声明 &copy; 2021-现在 辰雨轩 版权所有</span>
        </div>
    </div>
<!--foot end-->
</body>
</html>